import { Path, Svg } from 'react-native-svg'

// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
import { createIcon } from '../factories/createIcon'

export const [Filter, AnimatedFilter] = createIcon({
  name: 'Filter',
  getIcon: (props) => (
    <Svg viewBox="0 0 20 20" fill="none" {...props}>
      <Path
        d="M16.6667 5.83366H3.33333C2.8725 5.83366 2.5 5.46033 2.5 5.00033C2.5 4.54033 2.8725 4.16699 3.33333 4.16699H16.6667C17.1275 4.16699 17.5 4.54033 17.5 5.00033C17.5 5.46033 17.1275 5.83366 16.6667 5.83366ZM15 10.0003C15 9.54033 14.6275 9.16699 14.1667 9.16699H5.83333C5.3725 9.16699 5 9.54033 5 10.0003C5 10.4603 5.3725 10.8337 5.83333 10.8337H14.1667C14.6275 10.8337 15 10.4603 15 10.0003ZM12.5 15.0003C12.5 14.5403 12.1275 14.167 11.6667 14.167H8.33333C7.8725 14.167 7.5 14.5403 7.5 15.0003C7.5 15.4603 7.8725 15.8337 8.33333 15.8337H11.6667C12.1275 15.8337 12.5 15.4603 12.5 15.0003Z"
        fill="currentColor"
      />
    </Svg>
  ),
})
